<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
	    <title>测试主页</title>
	    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	    <meta name="apple-mobile-web-app-capable" content="yes">
	    <meta name="apple-mobile-web-app-status-bar-style" content="black">
	    <meta name="format-detection" content="telephone=no">

	    <meta name="renderer" content="webkit">
	    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

	    <!-- uc强制竖屏 -->
	    <meta name="screen-orientation" content="portrait">
	    <!-- QQ强制竖屏 -->
	    <meta name="x5-orientation" content="portrait">

	    <link rel="stylesheet" type="text/css" href="css/reset.css">
	    <style>
	    	
			/* --公共样式-- */
			html,body {
				width: 100%;
				height: 100%;
			}
			body {
				background: url('./images/th_welcome_bg.jpg') center top no-repeat;
				-webkit-background-size: cover;
				background-size: cover;
			}

			/* --header Begin-- */
			header>div {
				padding: 0.2rem 0.2rem 0;
			}
			header .back {	
				float: left;
			}
			header .back a {
				display: block;
				width: 1.33rem;
				height: 0.5rem;
				background: url('./images/th_back_normal.png') center no-repeat;
				background-size: contain;
			}
			

			/* --header End-- */

			/* --main Begin-- */
			main {
				/* margin-top: 6.51rem; */
				margin-top: 5.3rem;
			}
			
			main .my_lucky {
				display: block;
				box-sizing: border-box;
			    width: 6.14rem;
			    height: 1.01rem;
			    margin: 0 auto;
			    border-radius: 0.47rem;
			    background: url('./images/th_welcome_button_normal.png') center no-repeat;
			    -webkit-background-size: 6.14rem 1.01rem;
			    background-size: 6.14rem 1.01rem;
			    margin-bottom: 0.2rem;
				margin-top: 9.67rem;/* 10.88 */
			}

			/* --main End-- */

	    </style>
		
		<link type="text/css" rel="stylesheet" href="./css/lib/mobiscroll.my.v2.16.0.min.css">
		<script>
			var width = document.documentElement.clientWidth;
	        var Standard = 100 / (750 * 1.0 / width);
	        Standard = Standard > 100 ? 100 : Standard;
	        document.querySelector("html").style.fontSize = Standard + "px";
		</script>
		
    </head>
    <body>
		<header>
			<div class="clearfix">
				<div class="back"><a href="javascript:history.back();"></a></div>
			</div>
		</header>

		<main>
			<a class="my_lucky" href="./test.html"></a>
		</main>


	    <script type="text/javascript" src="js/lib/zepto.fastclick.doT.layer.min.js"></script>
		<script>
			$(function(){
				FastClick.attach(document.body);
				// $('.my_lucky').click(function(event) {
				// 	var gender = $(this).val();
				// 	if( gender == "性别 : 男" ){
				// 		$(this).val("性别 : 女");
				// 	}else{
				// 		$(this).val("性别 : 男");
				// 	}




				// });







			});
		</script>
		
    </body>
</html>